.dcq-popup-container {
    position: absolute;
    transform: translateX(-50%) translateY(-130%);
    min-width: 300px;
    max-height: 400px;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.19);
    border: 1px solid rgba(231, 231, 231, 0.45);
    display: flex;
    flex-direction: column;
    color: #fff;
    z-index: 10;
    &::before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      margin-left: -10px;
      border-width: 10px 10px 0;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0.95) transparent transparent;
      display: block;
    }
  
    &-header {
      width: 100%;
      background: rgba(0, 0, 0, 0.45);
      font-size:16px;
      display: flex;
      height: 40px;
  
      &-title {
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: left;
        flex: 1;
        padding-left: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
  
      &-close {
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }
    }
  
    &-body {
      flex: 1;
      padding: 0 10px 10px 10px;
      overflow-y: auto;
  
      &-row {
        position: relative;
        padding-left: 15px;
        line-height: 30px;
        display: flex;
        font-size: 14px;
  
        &::before {
          content: '';
          position: absolute;
          top: 15px;
          left: 0;
          transform: translateY(-50%);
          width: 8px;
          /* 调整这个值以改变菱形的大小 */
          height: 8px;
          /* 调整这个值以改变菱形的大小 */
          background-color: #ffffff;
          /* 调整这个颜色以改变菱形的颜色 */
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
        }
  
        &-label {
          min-width: 50px;
          color: #bbbbbb;
        }
  
        &-value {
          flex: 1;
          cursor: pointer;
        }
      }
    }
    &-footer-list,
    &-footer {
      height: 50px;
      font-size: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-top: 1px solid #666666;
      margin: 1px;

  
      &-btn {
        color: #25c289;
        cursor: pointer;
        display: flex;
        align-items: center;
        font-size:15px;
      }
    }
    &-footer-list{
      padding:0 10px;
      justify-content: space-between;
    }
  }
